<template>
  <div>
    <div id="bigbox">
      <div class="boxa">
        <span  @click="fun()"   class="iconfont icon-youjiantou3"></span>
        <h1>一串串单词</h1>
      </div>
      <div class="boxb">
          <img  class="im"  src="jt1.jpg" alt="">
          <div class="boxc">
              <div class="yc">一串单词</div>
              <div class="yong">用记住一个单词的时间，记住一串单词</div>
               <span class="jiu">9.3万</span><span class="iconfont icon-dianzan "></span>
          </div>
      </div>
      
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    fun(){
      this.$router.go(-1)
    }
  }
};
</script>

<style scoped>
#bigbox {
  width: 3.42rem;
  margin: 0 auto;
  /* background: pink; */
}
.boxa {
  display: flex;
  height: 0.5rem;
  /* background: palegreen; */
  align-items: center;
}
.icon-youjiantou3 {
  padding-right: 1.2rem;
}
.boxb {
   height: 1.25rem; 
   display: flex;
   align-items: center;
   /* margin-left: .1rem; */
}
.boxc{
    margin-left: .1rem;
}
.yc{
    font-weight: 600;
}
.jiu{
    margin-left: 1.4rem;
    font-size: .13rem;
    color: rgb(159, 160, 161);
}
.icon-dianzan{
      color: rgb(159, 160, 161)
}
.yong{
    font-size: .12rem;
    margin-top: .1rem;
}
.im{
    width: 1.31rem;
    height: .93rem;
}
</style>